<div style=" padding-top: 10px;padding-left: 10px;font-size: 20px; margin-bottom: 10px;">其他</div>
<div class="content" style="display: flex;">
    <form class="form1w" style="flex: 1; text-align: center;">
     <select (change)="searchByOrder($event)">
       <option [value]="'distance'">距离</option>
       <option [value]="'distance-desc'">从远到近</option>

       <option [value]="'distance-asc'">从近到远</option>
      </select>
     </form>
    <form class="form1w" style="flex: 1; text-align: center;">
      <select (change)="searchByOrder($event)">
         <option [value]="'money'">价格</option>
         <option [value]="'money-desc'">从高到底</option>
         <option [value]="'money-asc'">从低到高</option>
       </select>
       </form>
        <form class="form1w" style="flex: 1;text-align: center;">
          <select (change)="searchByOrder($event)">
          <option [value]="'count'">销量</option>
          <option [value]="'count-desc'" >从高到底</option>
          <option [value]="'count-asc'">从低到高</option>
          </select>
         </form>
    
    </div>

<div  style="padding-left: 20px; display: flex; width: 490px;flex-wrap: wrap;margin-top: 10px;overflow-y: scroll; height: 100%; padding-bottom: 180px;" >

    <app-comp-goods *ngFor="let item of foodList" [goods]="item" style="flex: 1;"></app-comp-goods>
</div>
